<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<link rel="stylesheet" href="project.css">
	</head>
	<body>

		<div id="box">
			<!-- 顶部 -->
			<div class="top"></div>
			
			<!-- logo -->
			<div class="logo">
				<img src="img/logo.gif" alt="">
				<img src="img/headrimg.gif" alt="" class="fr">
			</div>
			
			<!-- banner -->
			<div class="banner">
				<a href="http://www.taobao.com">
					<img src="img/banner.jpg" alt="">
				</a>
			</div>

			<div class="video fl">
			</div>

			<div class="hot fr">
				<h2><span>HOT博文</span><a href="http://www.baidu.com">查看更多>></a></h2>
				<img src="img/hm_rban.jpg" alt="">
				<ul>
					<li class="fl">
						<img src="img/hxzz.jpg" alt="" class="fl">
						<p>好伦哥转型海鲜自助，赌一场华丽转型 !</p>
						<p class="red">带你去最HOT的地方！</p>
					</li>
					<li class="fr">
						<img src="img/hxzz.jpg" alt="" class="fl">
						<p>好伦哥转型海鲜自助，赌一场华丽转型 !</p>
						<p class="red">带你去最HOT的地方！</p>
					</li>
					<li class="fl">
						<img src="img/hxzz.jpg" alt="" class="fl">
						<p>好伦哥转型海鲜自助，赌一场华丽转型 !</p>
						<p class="red">带你去最HOT的地方！</p>
					</li>
					<li class="fr">
						<img src="img/hxzz.jpg" alt="" class="fl">
						<p>好伦哥转型海鲜自助，赌一场华丽转型 !</p>
						<p class="red">带你去最HOT的地方！</p>
					</li>
				</ul>
				
			</div>

			<div class="hot fl hotel">
				<h2><a href="http://www.baidu.com">查看更多</a></h2>
				<ul>
					<li class="fl mb">
						<img src="img/hxzz.jpg" alt="" class="fl">
						<p>王府井希尔顿酒店</p>
					</li>
					<li class="fr mb">
						<img src="img/hxzz.jpg" alt="" class="fl">
						<p>王府井希尔顿酒店</p>
					</li>
					<li class="fl">
						<img src="img/hxzz.jpg" alt="" class="fl">
						<p>王府井希尔顿酒店</p>
					</li>
					<li class="fr">
						<img src="img/hxzz.jpg" alt="" class="fl">
						<p>王府井希尔顿酒店</p>
					</li>
				</ul>
				
			</div>

			<div class="images fr">
				<img src="img/hm_rtu01.gif" alt="" class="fl">
				<img src="img/hm_rtu02.gif" alt="" class="fr">
				<img src="img/hm_rtu03.gif" alt="" class="fl">
				<img src="img/hm_rtu04.gif" alt="" class="fr">
				<img src="img/hm_rtu05.gif" alt="" class="fl">
				<img src="img/hm_rtu06.gif" alt="" class="fr">
				<img src="img/hm_rtu07.gif" alt="" class="fl">
				<img src="img/hm_rtu08.gif" alt="" class="fr">
			</div>

			<div class="free fl">
				<h2>免费体验</h2>
				<div>
					<img src="img/fqbanner.jpg" alt="">
					<ul class="fl">
						<li>
							<h4>今日大奖</h4>
						</li>
						<li>
							<img src="img/private.jpg" alt="">
						</li>
						<li class="red">
							天台爱情 电影票
						</li>
						<li>
							东都国际影城 提供
						</li>
					</ul>
					<ul class="fr">
						<li>
							<h4>最近大奖得主</h4>
						</li>
						<li>
							<p class="red">Cood 白</p>
							<p>抢到<span>天台爱情</span>电影票</p>
						</li>
						<li>
							<p class="red">Cood 白</p>
							<p>抢到<span>天台爱情</span>电影票</p>
						</li>
						<li>
							<p class="red">Cood 白</p>
							<p>抢到<span>天台爱情</span>电影票</p>
						</li>
						<li>
							<p class="red">Cood 白</p>
							<p>抢到<span>天台爱情</span>电影票</p>
						</li>
					</ul>
				</div>
			</div>

			<div class="foot fl">
				<p>
					<a href="http://www.baidu.com">网络视听许可证0108251号</a>
				</p>
				<p>
					Copyright © 2013 壹佰度 100du.com 版权所有
				</p>
			</div>

		</div>
		
	</body>
</html>
<!-- 
	作业: 文本设置, 字体设置, 背景设置敲一遍
	作业2: 100度

	作业: 100度重新敲一遍

 -->







